<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/aliplayer.css">
  <script src="cordova.js"></script>
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery.mobile-1.4.5.min.js"></script>
  <script src="js/harmony.js"></script>
  <script src="js/aliplayer-min.js"></script>
</head>
<script type="text/javascript" charset="utf-8">
  document.addEventListener("deviceready", onDeviceReady, false);
  function onDeviceReady() {
    document.addEventListener("offline", onOffline, false);
    document.addEventListener("online", onOnline, false);
  }

  function onOffline(){
    console.log("网络不通");
  }
  function onOnline(){
    console.log("网络已联通"); //只有从不通到通才会通知，直接是通的不会通知
  }

</script>

<body>

<div data-role="page">
  <div data-role="header">
    <h1>harmony cordova</h1>
    <a href="view/remark.html" data-prefetch="true" class="ui-btn ui-btn-right ui-icon-info ui-btn-icon-left ui-shadow-icon">说明</a>
  </div>
  <div data-role="main" class="ui-content">
    <ol data-role="listview">
      <li><a href="view/request.html">跨域网络请求</a></li>
      <li><a href="view/device.html">获取设备信息插件</a></li>
      <li><a href="view/network.html">获取网络信息</a></li>
      <li><a href="view/browser.html">内置浏览器，跳转网页、打电话、地图等</a></li>
      <li><a href="view/chcp.html">热更新插件使用</a></li>
      <li><a href="view/db.html">数据库插件</a></li>
      <li><a href="view/file.html">本地文件管理</a></li>
      <li><a href="view/camera.html">调用相机</a></li>
      <li><a href="view/vod.html">录制和播放视频音频</a></li>
      <li><a href="view/transfer.html">网络文件传输</a></li>
      <li><a href="view/barcode.html">扫码</a></li>
      <li><a href="view/save.html">base64保存图片到相册</a></li>
      <li><a href="view/location.html">获取地理位置</a></li>
      <li><a href="view/plugin.html">自定义插件</a></li>
    </ol>
  </div>
</div>
</body>
</html>
